<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=div, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米商城</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/icon.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/brief.css">
    <link rel="stylesheet" href="./css/flash.css">
    <link rel="stylesheet" href="./css/mobile.css">
    <link rel="stylesheet" href="./css/household.css">
    <link rel="stylesheet" href="./css/recommend.css">
    <link rel="stylesheet" href="./css/hotsale.css">
    <link rel="stylesheet" href="./css/all-content.css">
    <link rel="stylesheet" href="./css/audio.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/side-bar.css">
</head>

<body>
    <!-- top-nav 部分 -->
    <div class="top-nav">
        <div class="wrapper">
            <div class="top-nav-left">
                <a href="#">小米商城</a><span class="line">|</span>
                <a href="#">MIUI</a><span class="line">|</span>
                <a href="#">loT</a><span class="line">|</span>
                <a href="#">云服务</a><span class="line">|</span>
                <a href="#">金融</a><span class="line">|</span>
                <a href="#">有品</a><span class="line">|</span>
                <a href="#">小爱开放平台</a><span class="line">|</span>
                <a href="#">政企服务</a><span class="line">|</span>
                <a href="#">资质证照</a><span class="line">|</span>
                <a href="#">协议规则</a><span class="line">|</span>
                <a href="#" class="down-app">
                    下载app
                    <div class="download">
                        <em></em>
                        <img src="./images/download.png" title="下载小米App">
                        <span class="content">小米商城App</span>
                    </div>
                </a>
                <span class="line">|</span>
                <a href="#">Select Region</a>
            </div>
            <div class="top-nav-right">
                <div class="login">
                    <a href="#">登录</a><span class="line">|</span>
                    <a href="#">注册</a><span class="line">|</span>
                    <a href="#">消息通知</a>
                </div>
                <a class="cart">
                    <i class="icon icon-cart"></i>
                    <span>购物车（０）</span>
                    <div class="cart-list">
                        <span>购物车还没有商品，赶紧选购吧！</span>
                    </div>
                </a>
            </div>

        </div>
    </div>

    <!-- header-nav 部分 -->
    <header class="header-nav">
        <div class="wrapper">
            <div class="mi-logo">
                <a href="#" cl>
                    <i class="icon icon-mi"></i>
                </a>
            </div>
            <div class="mi-nav">
                <a href="#">小米手机</a>
                <a href="#">红米</a>
                <a href="#">电视</a>
                <a href="#">笔记本</a>
                <a href="#">家电</a>
                <a href="#">新品</a>
                <a href="#">路由器</a>
                <a href="#">智能硬件</a>
                <a href="#">服务</a>
                <a href="#">社区</a>
            </div>
            <div class="search">
                <input type="text" />
                <i class="icon icon-search"></i>
                <div class="keyword">
                    <a href="#">小米８</a>
                    <a href="#">小米Mix 2S</a>
                </div>
            </div>
        </div>
        <!-- 01 -->
        <div class="mi-menu">
            <div class="wrapper">
                <ul>
                    <li class="top-nav-item">
                        <div class="tag">
                            新品
                        </div>
                        <a href="#">
                            <img src="./images/mi-menu-01/mix3-320.png">
                        </a>
                        <h3>小米MIX 3</h3>
                        <p>3299元起</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-01/qingchun-320.png">
                        </a>
                        <h3>小米8 青春版</h3>
                        <p>1399元起</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-01/pc-320-220-mi8.png">
                        </a>
                        <h3>小米8</h3>
                        <p>2699元起</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <div class="tag">
                            新品
                        </div>
                        <a href="#">
                            <img src="./images/mi-menu-01/pc-320-miplay-1.png">
                        </a>
                        <h3>小米Play</h3>
                        <p>1099元起</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-01/pc-320-220-mi8se.png">
                        </a>
                        <h3>小米8 SE</h3>
                        <p>1699元起</p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 02 -->
        <div class="mi-menu">
            <div class="wrapper">
                <ul>
                    <li class="top-nav-item">
                        <div class="tag">
                            新品
                        </div>
                        <a href="#">
                            <img src="./images/mi-menu-02/note7320-220.png">
                        </a>
                        <h3>红米Note 7</h3>
                        <p>999元起</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-02/6pro320-220.png">
                        </a>
                        <h3>红米6 Pro</h3>
                        <p>999元起</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-02/666320.png">
                        </a>
                        <h3>红米6</h3>
                        <p>799元起</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-02/6A320.png">
                        </a>
                        <h3>红米6A</h3>
                        <p>599元起</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-02/note5-320-220.png">
                        </a>
                        <h3>红米Note 5</h3>
                        <p>1099元起</p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 03 -->
        <div class="mi-menu">
            <div class="wrapper">
                <ul>
                    <li class="top-nav-item">
                        <div class="tag">
                            新品
                        </div>
                        <a href="#">
                            <img src="./images/mi-menu-03/4s75.png">
                        </a>
                        <h3>小米电视4S 75英寸</h3>
                        <p>7999元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <div class="tag">
                            热卖
                        </div>
                        <a href="#">
                            <img src="./images/mi-menu-03/32.png">
                        </a>
                        <h3>小米电视4A 32英寸</h3>
                        <p>799元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <div class="tag">
                            新品
                        </div>
                        <a href="#">
                            <img src="./images/mi-menu-03/4a43.png">
                        </a>
                        <h3>小米电视4A 43英寸青春版</h3>
                        <p>1399元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <div class="tag">
                            热卖
                        </div>
                        <a href="#">
                            <img src="./images/mi-menu-03/50.png">
                        </a>
                        <h3>小米电视4A 50英寸</h3>
                        <p>1899元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <div class="tag">
                            热卖
                        </div>
                        <a href="#">
                            <img src="./images/mi-menu-03/4A-55.jpg">
                        </a>
                        <h3>小米电视4A 55英寸</h3>
                        <p>2199元</p>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-03/475toutu.png">
                        </a>
                        <h3>查看全部</h3>
                        <p style="color:#333">小米电视</p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 04 -->
        <div class="mi-menu">
            <div class="wrapper">
                <ul>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-04/bijiben32012.5.jpg">
                        </a>
                        <h3>小米笔记本 Air 12.5''</h3>
                        <p>3599元起</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-04/daohang13.3.jpg">
                        </a>
                        <h3>小米笔记本 Air 13.3''</h3>
                        <p>4999元起</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <div class="tag">
                            新品
                        </div>
                        <a href="#">
                            <img src="./images/mi-menu-04/320x220biiben.png">
                        </a>
                        <h3>小米笔记本 15.6''</h3>
                        <p>4199元起</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-04/WechatIMG603.png">
                        </a>
                        <h3>小米笔记本 Pro 15.6''</h3>
                        <p>5599元起</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <div class="tag">
                            新品
                        </div>
                        <a href="#">
                            <img src="./images/mi-menu-04/xinbijiben.png">
                        </a>
                        <h3>小米游戏本</h3>
                        <p>6699元起</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-04/pingbanok.png">
                        </a>
                        <h3>小米平板</h3>
                        <p>1099元</p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 05 -->
        <div class="mi-menu">
            <div class="wrapper">
                <ul>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-05/320_220.jpg">
                        </a>
                        <h3>米家互联网洗烘一体机10kg</h3>
                        <p>2499元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-05/yijinengxiao320.jpg">
                        </a>
                        <h3>米家互联网空调(一级能效)</h3>
                        <p>2599元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-05/yijinegxiaokongtiaoxin.jpg">
                        </a>
                        <h3>米家互联网空调</h3>
                        <p>2199元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-05/xiaomijingshuiqi.jpg">
                        </a>
                        <h3>小米净水器</h3>
                        <p>1799元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-05/saodijiqiren320-220.jpg">
                        </a>
                        <h3>米家扫地机器人</h3>
                        <p>1499元</p>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-05/xinfeng.jpg">
                        </a>
                        <h3>新风机</h3>
                        <p>2499元</p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 06 -->
        <div class="mi-menu">
            <div class="wrapper">
                <ul>
                    <li class="top-nav-item">
                        <div class="tag">
                            新品
                        </div>
                        <a href="#">
                            <img src="./images/mi-menu-06/pc-320-miplay-1.png">
                        </a>
                        <h3>小米Play</h3>
                        <p>1099元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <div class="tag">
                            新品
                        </div>
                        <a href="#">
                            <img src="./images/mi-menu-06/mix3-320.png">
                        </a>
                        <h3>小米MIX 3</h3>
                        <p>3299元起</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-06/air-1.png">
                        </a>
                        <h3>小米蓝牙耳机Air</h3>
                        <p>399元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-06/pc-320-miplay-1.png">
                        </a>
                        <h3>小米小爱音箱HD</h3>
                        <p>599元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-06/pro-1.png">
                        </a>
                        <h3>米家台灯Pro</h3>
                        <p>349元</p>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-06/zhu-1.png">
                        </a>
                        <h3>米家飞天猪足金吊坠</h3>
                        <p>799元</p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 07 -->
        <div class="mi-menu">
            <div class="wrapper">
                <ul>
                    <li class="top-nav-item">
                        <div class="tag">
                            双频双核
                        </div>
                        <a href="#">
                            <img src="./images/mi-menu-07/xiaomiluyouqi4.png">
                        </a>
                        <h3>小米路由器 4</h3>
                        <p>189元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-07/luyouqi41C.jpg">
                        </a>
                        <h3>小米路由器 4C</h3>
                        <p>69元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-07/3A.png">
                        </a>
                        <h3>小米路由器 3A</h3>
                        <p>139元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <div class="tag">
                            双千兆
                        </div>
                        <a href="#">
                            <img src="./images/mi-menu-07/3G.png">
                        </a>
                        <h3>小米路由器 3G</h3>
                        <p>179元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <div class="tag">
                            大容量
                        </div>
                        <a href="#">
                            <img src="./images/mi-menu-07/PRO.png">
                        </a>
                        <h3>小米路由器 HD/Pro</h3>
                        <p>449元</p>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-07/quanbuluyouqi.png">
                        </a>
                        <h3>查看全部小米路由器</h3>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 08 -->
        <div class="mi-menu">
            <div class="wrapper">
                <ul>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-08/yuntai.jpg">
                        </a>
                        <h3>小米米家智能摄像机云台版</h3>
                        <p>189元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-08/xishouj.jpg">
                        </a>
                        <h3>米家自动洗手机套装</h3>
                        <p>79元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-08/airdots.jpg">
                        </a>
                        <h3>小米蓝牙耳机AirDots青春版</h3>
                        <p>199元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-08/xiaoaimini.jpg">
                        </a>
                        <h3>小米小爱音箱mini</h3>
                        <p>159元</p>
                        <div class="side-line"></div>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-08/tixudao.jpg">
                        </a>
                        <h3>米家电动剃须刀</h3>
                        <p>179元</p>
                    </li>
                    <li class="top-nav-item">
                        <a href="#">
                            <img src="./images/mi-menu-08/shouhuanNFC.jpg">
                        </a>
                        <h3>查看全部</h3>
                        <p style="color:#333;">智能硬件</p>
                    </li>
                </ul>
            </div>
        </div>
    </header>

    <!-- slider 部分 -->
    <div class="slider wrapper">
        <div class="slider-banner">
            <a href="#"><img src="./images/slider/slider01.jpg"></a>
            <a href="#"><img src="./images/slider/slider02.jpg"></a>
            <a href="#"><img src="./images/slider/slider03.jpg"></a>
            <a href="#"><img src="./images/slider/slider04.jpg"></a>
            <a href="#"><img src="./images/slider/slider05.jpg"></a>
        </div>
        <div class="menu-nav">
            <ul id="menu">
                <li class="category-item">
                    <a href="#">手机 电话卡</a><i class="arrow-right"></i>
                </li>
                <li class="category-item">
                    <a href="#">电视 盒子</a><i class="arrow-right"></i></li>
                <li class="category-item"><a href="#">笔记本 　平板</a><i class="arrow-right"></i></li>
                <li class="category-item"><a href="#">家电 插线板</a><i class="arrow-right"></i></li>
                <li class="category-item"><a href="#">出行 穿戴</a><i class="arrow-right"></i></li>
                <li class="category-item"><a href="#">智能 路由器</a><i class="arrow-right"></i></li>
                <li class="category-item"><a href="#">电源 配件</a><i class="arrow-right"></i></li>
                <li class="category-item"><a href="#">健康 儿童</a><i class="arrow-right"></i></li>
                <li class="category-item"><a href="#">耳机 音箱</a><i class="arrow-right"></i></li>
                <li class="category-item"><a href="#">生活 箱包</a><i class="arrow-right"></i></li>
            </ul>
            <!-- 01 -->
            <div class="menu-detail">
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-01/mix3-80.png"><span>小米MIX 3</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-01/qingchun-80.png"><span>小米8 青春版</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-01/pingmu-80.png"><span>小米8 屏幕指纹版</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-01/m8-80.png"><span>小米8</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-01/m8se-80.png"><span>小米8 SE</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-01/mix2s80-80white.png"><span>小米MIX 2S</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-01/max3-80-80.png"><span>小米Max 3</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-01/666666.png"><span>小米6X</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-01/heishahelo-80.png"><span>黑鲨游戏手机 Helo</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-01/heisha-80.png"><span>黑鲨游戏手机</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-01/note780-80.png"><span>红米Note 7</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-01/6pro140-140.png"><span>红米6 Pro</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-01/666666.png"><span>红米6</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-01/6AAAA.png"><span>红米6A</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-01/note5-80-80.png"><span>红米Note 5</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-01/mimobile.jpg"><span>移动4G+专区</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-01/compare.jpg"><span>对比手机</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-01/mifenka-1.jpg"><span>米粉卡 日租卡</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-01/mimobile.jpg"><span>小米移动 电话卡</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-01/weixiu80-80.png"><span>手机上门维修</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-01/yunfuwu.jpg"><span>云服务空间月卡</span></a></li>
                </ul>
            </div>
            <!-- 02 -->
            <div class="menu-detail">
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-02/mijiajiguang4k.jpg"><span>米家激光投影电视</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/TV4A-32.png"><span>小米电视4A 32英寸</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/TV4A-43QC.png"><span>小米电视4A 43英寸青春版</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/TV4A-50.png"><span>小米电视4A 50英寸</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/TV4S-55Q.png"><span>小米电视4A 55英寸</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/TV4A-58-x.png"><span>小米电视4A 58英寸</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-02/65120_120.png"><span>小米电视4A 65英寸</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/TV4C-32.png"><span>小米电视4C 32英寸</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/4c-40.jpg"><span>小米电视4C 40英寸</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/TV4C-43.png"><span>小米电视4C 43英寸</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/TV4C-50.png"><span>小米电视4C 50英寸</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/TV4X-43xin.png"><span>小米电视4X 43英寸</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-02/TV4X-55.png"><span>小米电视4X 55英寸</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/TVTYB.png"><span>小米电视体育版</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/TV4-55.png"><span>小米电视4 55英寸</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/65yiti.jpg"><span>小米电视4 65英寸旗舰版</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/TV4S-32.png"><span>小米电视4S 32英寸</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/TV4S-50.png"><span>小米电视4S 50英寸</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-02/TV4s-55xin.jpg"><span>小米电视4S 55英寸</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/TV4S-55Q.png"><span>小米电视4S 55英寸曲面</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/TV4S-65.png"><span>小米电视4S 65英寸</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/TV4S-65PRO.png"><span>小米电视4S 65英寸PRO</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/4s75xin.jpg"><span>小米电视4S 75英寸PRO</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-02/hezibai480_80.jpg"><span>小米盒子</span></a></li>
                </ul>
            </div>
            <!-- 03 -->
            <div class="menu-detail" style="width: 531px;">
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-03/bijiben80.jpg"><span>小米笔记本 15.6"</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-03/80x80.png"><span>小米笔记本 13.3"</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-03/bijiben80 (1).jpg"><span>小米笔记本 12.5"</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-03/youxiben-80.jpg"><span>小米游戏本</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-03/pingban2.jpg"><span>小米平板4</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-03/yuemijianpan80.jpg"><span>键盘</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-03/wxsb80.png"><span>鼠标/鼠标垫</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-03/usbzjqggg80.jpg"><span>转换器</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-03/xiaomipingbanpeijian80.jpg"><span>平板配件</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-03/bijibenshuangjianbao80.jpg"><span>笔记本双肩包</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-03/neidanbao80.jpg"><span>小米笔记本内胆包</span></a></li>
                </ul>
            </div>
            <!-- 04 -->
            <div class="menu-detail">
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-04/xiyiji.jpg"><span>米家互联网洗烘一体机</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-04/yijikongtiao80.jpg"><span>米家互联网空调一级能效</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-04/kongtiaoguan140.png"><span>米家互联网空调</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-04/mijiakongtiao.jpg"><span>米家空调</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-04/jingshuiqi80haha.jpg"><span>净水器</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-04/lvxinbashi.png"><span>净水器滤芯</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-04/jiqiren.jpg"><span>扫地机器人</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-04/saodipeijian-80.jpg"><span>扫地机配件</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-04/jinghuaqi2S-80.jpg"><span>空气净化器</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-04/yalidianfanbao-80.jpg"><span>电饭煲</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-04/diancilu-80.jpg"><span>电磁炉</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-04/tangguo-80.jpg"><span>厨房用具</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-04/dianshuihu-80.jpg"><span>电水壶</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-04/lvshuihu80.jpg"><span>滤水壶</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-04/mijiadianfengshan80.png"><span>落地风扇</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-04/touyingyi80.jpg"><span>投影仪</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-04/xidingdeng-80.jpg"><span>灯具</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-04/chaxianban80.jpg"><span>插线板</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-04/xinfengji.jpg"><span>新风机</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-04/diannuanqi.jpg"><span>电暖器</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-04/yalidianfan.jpg"><span>电压力锅</span></a></li>
                </ul>
            </div>
            <!-- 05 -->
            <div class="menu-detail" style="width: 531px;">
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-05/shouhuan3.jpg"><span>手环手表</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-05/VRyitiji80.jpg"><span>VR</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-05/scooter-80.jpg"><span>平衡车</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-05/scooter2-80.jpg"><span>滑板车</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-05/zxc80-80.jpg"><span>自行车</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-05/chezainibianqi80.jpg"><span>车载逆变器</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-05/peijian80.jpg"><span>平衡车配件</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-05/mirror-80.jpg"><span>智能后视镜</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-05/chezaikongjing.jpg"><span>车载空气净化器</span></a></li>
                </ul>
            </div>
            <!-- 06 -->
            <div class="menu-detail" style="width: 531px;">
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-06/luyouqi4_80.jpg"><span>路由器</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-06/duijiangji.jpg"><span>对讲机</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-06/zhinengjiating80.jpg"><span>智能家庭</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-06/wurenji80.jpg"><span>无人机</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-06/camera-head-80.jpg"><span>摄像机</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-06/camera-small-80.jpg"><span>照相机</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-06/mensuo.jpg"><span>智能门锁</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-06/zhaopiandayinj.jpg"><span>打印机</span></a></li>
                </ul>
            </div>
            <!-- 07 -->
            <div class="menu-detail" style="width: 797px;">
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-07/dianyuan2.100080.jpg"><span>移动电源</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-07/shujuxian-80.jpg"><span>数据线</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-07/chezaichongdianqi80.jpg"><span>车充</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-07/chongdianqi-80.jpg"><span>充电器</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-07/wuxianchong80.jpg"><span>无线充</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-07/7Battery1.jpg"><span>电池</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-07/zipaigan80.jpg"><span>自拍杆</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-07/cunchu80x80.jpg"><span>存储卡</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-07/baohu.jpg"><span>手机壳</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-07/tiemo.jpg"><span>手机贴膜</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-07/shoujizhijia80.jpg"><span>手机支架</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-07/pingban80.jpg"><span>平板配件</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-07/heishashoubing80.jpg"><span>黑鲨配件</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-07/qitapeijian80.jpg"><span>其他配件</span></a></li>
                </ul>
            </div>
            <!-- 08 -->
            <div class="menu-detail" style="width: 797px;">
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-08/xishouji.jpg"><span>洗手机</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-08/tixvdao80.jpg"><span>剃须刀</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-08/yashua80.jpg"><span>牙刷</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-08/chuifengji.jpg"><span>吹风机</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-08/scale.jpg"><span>体重秤</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-08/xueyaji80.jpg"><span>血压计</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-08/tiwenji80.jpg"><span>体温计</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-08/mitugushi-80.jpg"><span>早教启智</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-08/XIAOFEIJIBASHI.jpg"><span>遥控电动</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-08/toyblock2-80.jpg"><span>益智积木</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-08/shoubiao280.jpg"><span>儿童手表</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-08/huabanche80.jpg"><span>儿童滑板车</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-08/laganxiang.jpg"><span>米兔拉杆箱</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-08/tuiche.jpg"><span>婴儿推车</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-08/shubao2.jpg"><span>儿童书包</span></a></li>
                </ul>
            </div>
            <!-- 09 -->
            <div class="menu-detail" style="width: 531px;">
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-09/xiaoaimini-08.jpg"><span>小米小爱音箱mini</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-09/erji80.jpg"><span>线控耳机</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-09/80xiangquan.jpg"><span>蓝牙耳机</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-09/toudai80.jpg"><span>头戴耳机</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-09/pinpai80.jpg"><span>品牌耳机</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-09/800-800-3.jpg"><span>蓝牙音箱</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-09/xiaoai.jpg"><span>小爱AI音箱</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-09/gugongbanerji.png"><span>蓝牙耳机K歌版（故宫版）</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-09/xiaoaiyinxhd.jpg"><span>小米小爱音箱HD</span></a></li>
                </ul>
            </div>
            <!-- 10 -->
            <div class="menu-detail">
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-10/xiangbao-80.jpg"><span>双肩包</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-10/qianbao-80.jpg"><span>钱包</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-10/shounabao-80.jpg"><span>收纳包</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-10/lvxingxiang.jpg"><span>旅行箱</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-10/shenhuahui80.jpg"><span>运动鞋</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-10/txv80.jpg"><span>服饰</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-10/tyj80.jpg"><span>眼镜</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-10/chuangdian-80-80.jpg"><span>床垫</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-10/zhent.ou80.png"><span>枕头</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-10/shafa.80.png"><span>沙发</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-10/jinmitu.jpg"><span>饰品</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-10/luosidao-80.jpg"><span>螺丝刀</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-10/bbbbei.jpg"><span>保温杯</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-10/umbrella.jpg"><span>伞</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-10/quwenqi.jpg"><span>驱蚊器</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-10/ukelele.jpg"><span>尤克里里</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-10/maojinmaojin.jpg"><span>毛巾/浴巾</span></a></li>
                    <li><a href="#"><img src="./images/menu-detail-10/mitu-80.jpg"><span>米兔</span></a></li>
                </ul>
                <ul class="menu-detail-col">
                    <li><a href="#"><img src="./images/menu-detail-10/qianzibi-80.jpg"><span>签字笔</span></a></li>
                </ul>
            </div>
        </div>
        <div class="control">
            <a href="#" class="control-l">
                <i class="icon icon-left"></i>
            </a>
            <a href="#" class="control-r">
                <i class="icon icon-right"></i>
            </a>
        </div>
        <div class="page-indicators">
            <ul>
                <li class="indicators-item active"><a href="javascript:void(0);"></a></li>
                <li class="indicators-item"><a href="javascript:void(0);"></a></li>
                <li class="indicators-item"><a href="javascript:void(0);"></a></li>
                <li class="indicators-item"><a href="javascript:void(0);"></a></li>
                <li class="indicators-item"><a href="javascript:void(0);"></a></li>
            </ul>
        </div>
    </div>

    <!-- brief 部分 -->
    <div class="brief wrapper">
        <ul>
            <li class="line-rightb">
                <a href="javascript:void(0)">
                    <i class="icon icon-mi"></i>
                    <p class="brief-text">选购手机</p>
                </a>
            </li>
            <li class="line-rightb">
                <a href="javascript:void(0)">
                    <i class="icon icon-mi"></i>
                    <p class="brief-text">企业团购</p>
                </a>
            </li>
            <li class="line-bottom">
                <a href="javascript:void(0)">
                    <i class="icon icon-mi"></i>
                    <p class="brief-text">F码通道</p>
                </a>
            </li>
            <li class="line-right">
                <a href="javascript:void(0)">
                    <i class="icon icon-mi"></i>
                    <p class="brief-text">米粉卡</p>
                </a>
            </li>
            <li class="line-right">
                <a href="javascript:void(0)">
                    <i class="icon icon-mi"></i>
                    <p class="brief-text">以旧换新</p>
                </a>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <i class="icon icon-mi"></i>
                    <p class="brief-text">话费充值</p>
                </a>
            </li>
        </ul>
        <div class="brief-image">
            <a href="javascript:void(0);" class="brief-col-1">
                <img src="./images/brief/xmad_15381015124677_QcEGp.jpg">
            </a>
            <a href="javascript:void(0);" class="brief-col-2">
                <img src="./images/brief/xmad_15410029988871_TdzPQ.jpg">
            </a>
            <a href="javascript:void(0);" class="brief-col-3">
                <img src="./images/brief/xmad_15468311598919_uvtgO.jpg">
            </a>
        </div>
    </div>

    <!-- flash 部分 -->
    <div class="flash wrapper">
        <div class="flash-header">
            <h3>小米闪购</h3>
            <ul id="flashArrow">
                <li class="flash-left disable">
                    <i class="icon icon-left"></i>
                </li>
                <li class="flash-right">
                    <i class="icon icon-right"></i>
                </li>
            </ul>
        </div>
        <div class="flash-content">
            <div class="time-over">
                <h3>12:00 场</h3>
                <img src="./images/flashpurchase.png">
                <p>距离结束还有</p>
                <div class="timer-out">
                    <span id="hour">02</span>
                    <em>:</em>
                    <span id="minute">00</span>
                    <em>:</em>
                    <span id="second">00</span>
                </div>
            </div>
            <div class="flash-goods" class="clearfix">
                <ul id="flashSlider">
                    <li class="goods-item color-orange">
                        <a href="javascript:void(0)">
                            <div class="bg"></div>
                            <img src="./images/flash/80fd939f-58c1-ae59-4cc6-27e3f409d353.jpg">
                            <h3>小米体脂秤 白色</h3>
                            <p>简约纤薄掌握身体数据</p>
                            <span>9.9 元 <em>199元</em></span>
                        </a>
                    </li>
                    <li class="goods-item color-green">
                        <a href="javascript:void(0)">
                            <div class="bg"></div>
                            <img src="./images/flash/pms_1533524874.99123627.jpg">
                            <h3>小米运动蓝牙耳机青春版 黑色</h3>
                            <p>音随你动</p>
                            <span>95 元　<em>99元</em></span>
                        </a>
                    </li>
                    <li class="goods-item color-blue">
                        <a href="javascript:void(0)">
                            <div class="bg"></div>
                            <img src="./images/flash/cd7da858-c99f-f64b-262b-f64705771231.jpg">
                            <h3>小米无限鼠标 白色</h3>
                            <p>把舒服握在手里</p>
                            <span>59 元　<em>69元</em></span>
                        </a>
                    </li>
                    <li class="goods-item color-red">
                        <a href="javascript:void(0)">
                            <div class="bg"></div>
                            <img src="./images/flash/pms_1521026663.07192206.jpg">
                            <h3>8H记忆棉护椎腰垫 混灰色</h3>
                            <p>处处体贴，为你撑腰</p>
                            <span>75 元　<em>89元</em></span>
                        </a>
                    </li>
                    <li class="goods-item color-orange">
                        <a href="javascript:void(0)">
                            <div class="bg"></div>
                            <img src="./images/flash/e277547c6e3329303dd2c20a327424c4.jpg">
                            <h3>小米AI音箱</h3>
                            <p>听音乐、语音遥控家电</p>
                            <span>9.9 元　<em>299元</em></span>
                        </a>
                    </li>
                    <li class="goods-item color-red">
                        <a href="javascript:void(0)">
                            <div class="bg"></div>
                            <img src="./images/flash/d504434f-1751-95e3-83fc-73d464f486e9.jpg">
                            <h3>小米小相机防水壳 黑色</h3>
                            <p>IP68级防水，无惧环境挑战</p>
                            <span>95 元　<em>99元</em></span>
                        </a>
                    </li>
                    <li class="goods-item color-blue">
                        <a href="javascript:void(0)">
                            <div class="bg"></div>
                            <img src="./images/flash/pms_1537857298.13668520.jpg">
                            <h3>两三点晴雨伞 咖啡色</h3>
                            <p>轻松拥有诗意的晴雨天</p>
                            <span>57 元　<em>59元</em></span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!--黑鲨 部分 -->
    <div class="black-shark wrapper">
        <a href="javascript:void(0)">
            <img src="./images/xmad_15471739714866_ZQWjM.jpg">
        </a>
    </div>

    <!-- 手机 部分 -->
    <div class="mobile">
        <div class="wrapper">
            <div class="mobile-header">
                <h3>手机</h3>
                <div class="mobile-more">
                    <a href="javascript:void(0)">
                        查看更多
                        <i class="icon icon-right"></i>
                    </a>
                </div>
            </div>
            <div class="mobile-content clearfix">
                <div class="mobile-left">
                    <a href="javascript:void(0)">
                        <img src="./images/mobile/xmad_1544580545953_UvEXK.jpg">
                    </a>
                </div>
                <div class="mobile-right">
                    <ul>
                        <li class="mobile-item">
                            <div class="flag flag-green">新品</div>
                            <a href="javascript:void(0)">
                                <img src="./images/mobile/pms_1537323963.1278763!220x220.jpg">
                                <h3>小米8 青春版 4GB+64GB</h3>
                                <p>潮流镜面渐变色，2400万自拍旗舰</p>
                                <span>1299 元 <em>1399元</em></span>
                            </a>
                        </li>
                        <li class="mobile-item">
                            <div class="flag flag-green">新品</div>
                            <a href="javascript:void(0)">
                                <img src="./images/mobile/pms_1545457703.71734471!220x220.png">
                                <h3>小米Play</h3>
                                <p>内置每月10GB高速流量，高颜值流光渐变色</p>
                                <span>1099 元</span>
                            </a>
                        </li>
                        <li class="mobile-item">
                            <div class="flag flag-red">减 300 元</div>
                            <a href="javascript:void(0)">
                                <img src="./images/mobile/pms_1527685277.65255600!220x220.jpg">
                                <h3>小米8 SE 6GB+64GB</h3>
                                <p>AI 超感光双摄，三星 AMOLED 屏幕</p>
                                <span>1699 元 <em>1999元</em></span>
                            </a>
                        </li>
                        <li class="mobile-item">
                            <div class="flag flag-red">减 600 元</div>
                            <a href="javascript:void(0)">
                                <img src="./images/mobile/pms_1522034061.12391230!220x220.jpg">
                                <h3>小米MIX 2S 8GB+256GB</h3>
                                <p>骁龙845 年度旗舰处理器，艺术品般陶瓷机身</p>
                                <span>3399 元 <em>3999元</em></span>
                            </a>
                        </li>
                        <li class="mobile-item">
                            <div class="flag flag-red">享 8 折</div>
                            <a href="javascript:void(0)">
                                <img src="./images/mobile/pms_1524621350.77238418!220x220.jpg">
                                <h3>小米6X 6GB+128GB</h3>
                                <p>轻薄美观的拍照手机</p>
                                <span>1499 元 <em>1999元</em></span>
                            </a>
                        </li>
                        <li class="mobile-item">
                            <div class="flag flag-red">减 100 元</div>
                            <a href="javascript:void(0)">
                                <img src="./images/mobile/pms_1531878001.22998509!220x220.jpg">
                                <h3>小米Max 3 4GB+64GB</h3>
                                <p>&nbsp;&nbsp;&nbsp;</p>
                                <span>1599 元 <em>1699元</em></span>
                            </a>
                        </li>
                        <li class="mobile-item">
                            <div class="flag flag-red">享 8 折</div>
                            <a href="javascript:void(0)">
                                <img src="./images/mobile/pms_1529635747.42979757!220x220.jpg">
                                <h3>红米6 Pro</h3>
                                <p>高颜值大电量 红米旗舰</p>
                                <span>1029 元 <em>1299元</em></span>
                            </a>
                        </li>
                        <li class="mobile-item">
                            <div class="flag flag-red">减 50 元</div>
                            <a href="javascript:void(0)">
                                <img src="./images/mobile/pms_1528719461.20891365!220x220.jpg">
                                <h3>红米6A 2GB+16GB</h3>
                                <p>&nbsp;&nbsp;&nbsp;</p>
                                <span>549 元 <em>599元</em></span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!--小米电视特惠 部分 -->
    <div class="tv-sale">
        <div class="wrapper">
            <a href="javascript:void(0)">
                <img src="./images/xmad_15471302447392_lWdEk.jpg">
            </a>
        </div>
    </div>

    <!-- 家电 部分 -->
    <div class="householder">
        <div class="wrapper">
            <div class="householder-header">
                <h3>家电</h3>
                <div class="householder-more">
                    <a class="active" href="javascript:void(0)">热门</a>
                    <a href="javascript:void(0)">电视影音</a>
                    <a href="javascript:void(0)">电脑</a>
                    <a href="javascript:void(0)">家居</a>
                </div>
            </div>
            <div class="householder-content clearfix">
                <div class="householder-left">
                    <a href="javascript:void(0)">
                        <img src="./images/jiadian/xmad_15453810333749_hDsXv.jpg">
                    </a>
                    <a href="javascript:void(0)">
                        <img src="./images/jiadian/xmad_15407948090121_sNfyZ.jpg">
                    </a>
                </div>
                <div class="householder-right">
                    <ul>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/mobile/pms_1537323963.1278763!220x220.jpg">
                                <h3>米家互联网空调</h3>
                                <p>1.5匹变频 / 高效制冷热 / AI远程控制</p>
                                <span>2149 元 <em>2199元</em></span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>已安装好了，是不是很气派</h3>
                                    <p>来自于 孙李 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <div class="flag flag-green">新品</div>
                            <a href="javascript:void(0)">
                                <img src="./images/mobile/pms_1545457703.71734471!220x220.png">
                                <h3>米家激光投影电视 4K</h3>
                                <p>&nbsp;&nbsp;&nbsp;</p>
                                <span>14999 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>外观很好，手感不错，质感不错，稳重大气！</h3>
                                    <p>来自于 ideal 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <div class="flag flag-green">新品</div>
                            <a href="javascript:void(0)">
                                <img src="./images/mobile/pms_1527685277.65255600!220x220.jpg">
                                <h3>15.6"笔记本 i5 4G MX110</h3>
                                <p>&nbsp;&nbsp;&nbsp;</p>
                                <span>4199 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>办公用很合适，物美价廉，小米的忠实粉丝</h3>
                                    <p>来自于 漂泊 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/mobile/pms_1522034061.12391230!220x220.jpg">
                                <h3>13.3"小米笔记本Air 四核i7 8G 256G MX150 银色</h3>
                                <p>&nbsp;&nbsp;&nbsp;</p>
                                <span>5799 元 <em>5999元</em></span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>轻薄完美，深空灰超帅！</h3>
                                    <p>来自1*152436的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <div class="flag flag-red">享 8 折</div>
                                <img src="./images/mobile/pms_1524621350.77238418!220x220.jpg">
                                <h3>米家空气净化器Pro</h3>
                                <p>OLED 显示屏幕 / 激光颗粒物传感器</p>
                                <span>1299 元 <em>1499元</em></span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>小小的 喜欢 希望可以用久一点 还是不错的</h3>
                                    <p>来自于 2156774032 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/mobile/pms_1531878001.22998509!220x220.jpg">
                                <h3>米家电水壶</h3>
                                <p>一杯水，是一家人的安心</p>
                                <span>99 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>变成忠实的米粉了，烧水很快声音也小，顺便晒几张小米8</h3>
                                    <p>来自于 针掉在路上 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/mobile/pms_1529635747.42979757!220x220.jpg">
                                <h3>米家LED吸顶灯</h3>
                                <p>用光线，还原理想生活</p>
                                <span>369 元 <em>399元</em></span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>好看，并且有多重亮光可以选择！炒鸡喜欢~</h3>
                                    <p>来自于 璇璇vivid 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <div class="top">
                                <h3>小米净水器</h3>
                                <p>1799元</p>
                                <img src="./images/jiadian/pms_1521634907.16181074!220x220.jpg">
                            </div>
                            <div class="bottom">
                                <h3>浏览更多</h3>
                                <p>热门</p>
                                <a href="javascript:void(0)">
                                    <i class="icon icon-rolltop"></i>
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!--小米小爱音响 部分 -->
    <div class="tv-sale">
        <div class="wrapper">
            <a href="javascript:void(0)">
                <img src="./images/xmad_15469143362876_taElj.jpg">
            </a>
        </div>
    </div>

    <!-- 智能 部分 -->
    <div class="householder">
        <div class="wrapper">
            <div class="householder-header">
                <h3>智能</h3>
                <div class="householder-more">
                    <a href="javascript:void(0)">热门</a>
                    <a href="javascript:void(0)">出行</a>
                    <a href="javascript:void(0)">健康</a>
                    <a class="active" href="javascript:void(0)">酷玩</a>
                    <a href="javascript:void(0)">路由器</a>
                </div>
            </div>
            <div class="householder-content clearfix">
                <div class="householder-left">
                    <a href="javascript:void(0)">
                        <img src="./images/Intelligence/xmad_15407955088238_axybK.jpg">
                    </a>
                    <a href="javascript:void(0)">
                        <img src="./images/Intelligence/xmad_15452721683656_XqjHJ.jpg">
                    </a>
                </div>
                <div class="householder-right">
                    <ul>
                        <li class="householder-item">
                            <div class="flag flag-red">减 40 元</div>
                            <a href="javascript:void(0)">
                                <img src="./images/Intelligence/pms_1499048837.78256911!220x220.jpg">
                                <h3>米兔积木机器人 履带机甲</h3>
                                <p>履带底盘，智能操控，百变拼插</p>
                                <span>459 元 <em>499元</em></span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>六一礼物</h3>
                                    <p>来自于 炎与永远 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <div class="flag flag-red">减 10 元</div>
                            <a href="javascript:void(0)">
                                <img src="./images/Intelligence/pms_1464615180.86261317!220x220.jpg">
                                <h3>米兔智能故事机</h3>
                                <p>微信远程互动，智能语音交互</p>
                                <span>189 元 <em>199元</em></span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>特别好玩的米兔兔，那么可爱，功能有好多，大宝小宝玩的...</h3>
                                    <p>来自于 桔子柚苏 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/Intelligence/pms_1520564952.59464287!220x220.jpg">
                                <h3>米家骑记电助力折叠自行车</h3>
                                <p>力矩传感电助力，折叠便携设计</p>
                                <span>2999 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>等了好久，终于本地区有卖，挺好的车，以后汽车放离家远...</h3>
                                    <p>来自于 郑志明 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/Intelligence/pms_1480474019.52478532!220x220.jpg">
                                <h3>米家多功能网关</h3>
                                <p>米家智能配件控制中心</p>
                                <span>139 元 <em>149元</em></span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>特别好，就是还不太会设置，正在研究中。</h3>
                                    <p>来自于 1496477917 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <div class="flag flag-green">新品</div>
                            <a href="javascript:void(0)">
                                <img src="./images/Intelligence/pms_1520564952.59464287!220x220.jpg">
                                <h3>米兔积木矿山卡车</h3>
                                <p>方向盘控制系统，翻斗升降系统</p>
                                <span>99 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>儿子自己一个人完成的太棒了，比我强多了，以后继续购买...</h3>
                                    <p>来自于 79473929 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/Intelligence/pms_1498526059.78899603!220x220.jpg">
                                <h3>米兔儿童电话手表2</h3>
                                <p>AMOLED高清彩屏，6 天超长续航</p>
                                <span>299 元 <em>399元</em></span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>很好</h3>
                                    <p>来自于 下雨了我希望有人为我打伞 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/Intelligence/pms_1515662525.51823819!220x220.jpg">
                                <h3>米兔智能积木</h3>
                                <p>动手又动脑，启发孩子创造力</p>
                                <span>179 元 <em>199元</em></span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>下午下单，第二天就到了。首先为软件点个赞，无论是界面...</h3>
                                    <p>来自于 何乐 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <div class="top">
                                <h3>小米米家小白智能摄像机增强版</h3>
                                <p>369元</p>
                                <img src="./images/Intelligence/pms_1538031692.35815325!220x220.jpg">
                            </div>
                            <div class="bottom">
                                <h3>浏览更多</h3>
                                <p>酷玩</p>
                                <a href="javascript:void(0)">
                                    <i class="icon icon-rolltop"></i>
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!--15.6小米笔记本 部分 -->
    <div class="tv-sale">
        <div class="wrapper">
            <a href="javascript:void(0)">
                <img src="./images/xmad_15439756480639_IhxpV.jpg">
            </a>
        </div>
    </div>

    <!-- 搭配 部分 -->
    <div class="householder">
        <div class="wrapper">
            <div class="householder-header">
                <h3>搭配</h3>
                <div class="householder-more">
                    <a class="active" href="javascript:void(0)">热门</a>
                    <a href="javascript:void(0)">耳机音箱</a>
                    <a href="javascript:void(0)">电源</a>
                    <a href="javascript:void(0)">电池存储卡</a>
                </div>
            </div>
            <div class="householder-content clearfix">
                <div class="householder-left">
                    <a href="javascript:void(0)">
                        <img src="./images/collocation/xmad_15338967362713_dmRBh.jpg">
                    </a>
                    <a href="javascript:void(0)">
                        <img src="./images/collocation/xmad_15471386091556_vbjtN.jpg">
                    </a>
                </div>
                <div class="householder-right">
                    <ul>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/collocation/pms_1507877361.06147174.jpg">
                                <h3>小米USB充电器快充版（18W）</h3>
                                <p>2.4万人评价</p>
                                <span>29.9 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>充电速度非常快！非常好的充电器。</h3>
                                    <p>来自于 1284325680 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/collocation/pms_1522666970.27937468.jpg">
                                <h3>小米AI音箱</h3>
                                <p>7.5万人评价</p>
                                <span>299 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>包装到位，快递给力。入手快，一会就会玩了。很满意</h3>
                                    <p>来自于 186969242 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/collocation/pms_1546058471.685154.jpg">
                                <h3>小米移动电源3 20000mAh 高配版</h3>
                                <p>1098人评价</p>
                                <span>199 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>速度超快。美观，容量大，新技术，使用。</h3>
                                    <p>来自于 661623580 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/collocation/pms_1513948456.57461422.jpg">
                                <h3>新小米移动电源2（10000mAh）</h3>
                                <p>2.7万人评价</p>
                                <span>79 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>挺好的。之前买过一个让水泡了，果断又买一个。</h3>
                                    <p>来自于 652904621 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <div class="flag flag-green">新品</div>
                            <a href="javascript:void(0)">
                                <img src="./images/collocation/pms_1505264799.43246303.jpg">
                                <h3>小米移动电源2C（20000mAh）</h3>
                                <p>3.4万人评价</p>
                                <span>129 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>容量大了，果然够用了</h3>
                                    <p>来自于 830798996 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/collocation/pms_1535440524.10478102.jpg">
                                <h3>小米无线充电器（通用快充版）</h3>
                                <p>4165人评价</p>
                                <span>69 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>这么好的产品居然一百块都不到，不愧是小米</h3>
                                    <p>来自于 1291175932 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/collocation/pms_1481269289.59498154.jpg">
                                <h3>小米移动电源高配版（10000mAh）</h3>
                                <p>3.2万人评价</p>
                                <span>149 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>外观好看 实用 不过要是笔记本也能充就好了 呵呵</h3>
                                    <p>来自于 1489135792 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <div class="top">
                                <h3>小米USB充电器36W快充版（2口）</h3>
                                <p>59元</p>
                                <img src="./images/collocation/pms_1521784952.67735645.jpg">
                            </div>
                            <div class="bottom">
                                <h3>浏览更多</h3>
                                <p>热门</p>
                                <a href="javascript:void(0)">
                                    <i class="icon icon-rolltop"></i>
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!--小米蓝牙耳机Air 部分 -->
    <div class="tv-sale">
        <div class="wrapper">
            <a href="javascript:void(0)">
                <img src="./images/xmad_15469120912885_hwAiQ.jpg">
            </a>
        </div>
    </div>

    <!-- 配件 部分 -->
    <div class="householder">
        <div class="wrapper">
            <div class="householder-header">
                <h3>配件</h3>
                <div class="householder-more">
                    <a class="active" href="javascript:void(0)">热门</a>
                    <a href="javascript:void(0)">耳机音箱</a>
                    <a href="javascript:void(0)">电源</a>
                    <a href="javascript:void(0)">电池存储卡</a>
                </div>
            </div>
            <div class="householder-content clearfix">
                <div class="householder-left">
                    <a href="javascript:void(0)">
                        <img src="./images/parts/xmad_15438026207445_MFOpC.jpg">
                    </a>
                    <a href="javascript:void(0)">
                        <img src="./images/parts/xmad_15399144078801_opBVT.jpg">
                    </a>
                </div>
                <div class="householder-right">
                    <ul>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/parts/pms_1547432273.37096500.jpg">
                                <h3>Redmi Note 7 创意镂空保护壳</h3>
                                <p>811人评价</p>
                                <span>29 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>不错真的很好看，手感不错支持！</h3>
                                    <p>来自于 250940329 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/parts/pms_1547432333.64197575.jpg">
                                <h3>Redmi Note 7 标准高透贴膜</h3>
                                <p>1005人评价</p>
                                <span>19 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>手机膜挺合适，物流超快。非常感谢！</h3>
                                    <p>来自于 1167581391 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/parts/pms_1527839741.58144552.jpg">
                                <h3>小米8 标准钢化玻璃膜</h3>
                                <p>7630人评价</p>
                                <span>29 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>非常好帖，小米手机就是伤</h3>
                                    <p>来自于 401874040 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/parts/pms_1527840795.6763911.jpg">
                                <h3>小米8 硅胶保护套</h3>
                                <p>6095人评价</p>
                                <span>49 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>手感很好，小米品质 ，值得拥有</h3>
                                    <p>来自于 1203954355 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/parts/pms_1537342194.63927944.jpg">
                                <h3>小米 8 屏幕指纹版&小米 8 透明探索版 硅胶保护套</h3>
                                <p>1221人评价</p>
                                <span>49 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>手感不错，如果能出全包围的手机壳就更好了</h3>
                                    <p>来自于 47062676 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/parts/pms_1522142136.45425672.jpg">
                                <h3>Mi MIX 2S 真皮保护套</h3>
                                <p>771人评价</p>
                                <span>99 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>不是很牢</h3>
                                    <p>来自于 1485935125 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/parts/pms_1537342959.92144787.jpg">
                                <h3>小米8青春版极简高透保护壳</h3>
                                <p>717人评价</p>
                                <span>39 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>手感不错，快递超快。</h3>
                                    <p>来自于 112266157 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <div class="top">
                                <h3>小米 8 标准高透贴膜</h3>
                                <p>19元</p>
                                <img src="./images/parts/pms_1527840584.43636811.jpg">
                            </div>
                            <div class="bottom">
                                <h3>浏览更多</h3>
                                <p>热门</p>
                                <a href="javascript:void(0)">
                                    <i class="icon icon-rolltop"></i>
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!--小米蓝牙耳机K歌版 部分 -->
    <div class="tv-sale">
        <div class="wrapper">
            <a href="javascript:void(0)">
                <img src="./images/xmad_15482240251625_RxOwc.jpg">
            </a>
        </div>
    </div>

    <!-- 周边 部分 -->
    <div class="householder">
        <div class="wrapper">
            <div class="householder-header">
                <h3>周边</h3>
                <div class="householder-more">
                    <a class="active" href="javascript:void(0)">热门</a>
                    <a href="javascript:void(0)">出行</a>
                    <a href="javascript:void(0)">居家</a>
                    <a href="javascript:void(0)">生活周边</a>
                    <a href="javascript:void(0)">箱包</a>
                </div>
            </div>
            <div class="householder-content clearfix">
                <div class="householder-left">
                    <a href="javascript:void(0)">
                        <img src="./images/periphery/xmad_15284596646115_wNMGC.jpg">
                    </a>
                    <a href="javascript:void(0)">
                        <img src="./images/periphery/xmad_15349041091303_OpIrD.jpg">
                    </a>
                </div>
                <div class="householder-right">
                    <ul>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/periphery/pms_1492999959.43955760!220x220.jpg">
                                <h3>TS尼龙偏光太阳镜 米家定制灰色</h3>
                                <p>1.7万人评价</p>
                                <span>199 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>非常满意的一次购物，眼镜很轻，清晰度很好</h3>
                                    <p>来自于 的哥汽修15077093868 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/periphery/pms_1522309592.89679012!220x220.jpg">
                                <h3>米兔招财猫足金吊坠</h3>
                                <p>1509人评价</p>
                                <span>888 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>漂亮，精致，希望能陪我一起努力奋斗</h3>
                                    <p>来自于 阿圣 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/periphery/pms_1536571975.28359503!220x220.jpg">
                                <h3>90分轻薄无缝一体织鹅绒羽绒服 黑色</h3>
                                <p>4747人评价</p>
                                <span>229 元 <em>299 元</em></span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>总体感觉不错，165cm.75公斤㎏，XL的刚合适</h3>
                                    <p>来自于 靠近我，温暖你 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/periphery/pms_1546508755.29828342!220x220.jpg">
                                <h3>飞天猪米兔</h3>
                                <p>162人评价</p>
                                <span>49 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>虽然我还没有女朋友！！！但是，礼物我都已经备好。</h3>
                                    <p>来自于 何乐 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/periphery/pms_1512702607.05524534!220x220.jpg">
                                <h3>保温杯</h3>
                                <p>1.6万人评价</p>
                                <span>99 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>上一个忘记在查济古镇了…重新买了个…以后一看到杯子就...</h3>
                                    <p>来自于 孙文浩 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/periphery/pms_1546491118.91317371!220x220.jpg">
                                <h3>米家飞天猪足金吊坠</h3>
                                <p>107人评价</p>
                                <span>799 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>给老妈本命年买的～</h3>
                                    <p>来自于 有人叫我昊姐 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <a href="javascript:void(0)">
                                <img src="./images/periphery/pms_1502258923.87257653!220x220.jpg">
                                <h3>贝医生巴氏牙刷(四色装)</h3>
                                <p>1.6万人评价</p>
                                <span>39.9 元</span>
                            </a>
                            <div class="review-wrapper">
                                <a href="javascript:void(0)">
                                    <h3>拿回家就和女儿一起刷了牙！哈哈！软，好，甜甜哒！</h3>
                                    <p>来自于 阿米 的评价</p>
                                </a>
                            </div>
                        </li>
                        <li class="householder-item">
                            <div class="top">
                                <h3>8H乳胶弹簧静音床垫</h3>
                                <p>1599元</p>
                                <img src="./images/periphery/pms_1502097740.52392774!220x220.jpg">
                            </div>
                            <div class="bottom">
                                <h3>浏览更多</h3>
                                <p>热门</p>
                                <a href="javascript:void(0)">
                                    <i class="icon icon-rolltop"></i>
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!--年末采购专场 部分 -->
    <div class="tv-sale">
        <div class="wrapper">
            <a href="javascript:void(0)">
                <img src="./images/xmad_15441040908677_rBuAF.jpg">
            </a>
        </div>
    </div>

    <!-- 为你推荐 部分 -->
    <div class="recommend">
        <div class="wrapper">
            <div class="recommend-header">
                <h3>为你推荐</h3>
                <ul id="recommendArrow">
                    <li class="recommend-left disable">
                        <i class="icon icon-left"></i>
                    </li>
                    <li class="recommend-right">
                        <i class="icon icon-right"></i>
                    </li>
                </ul>
            </div>
            <div class="recommend-content">
                <ul id="recommendSlider">
                    <li>
                        <a href="javascript:void(0)">
                            <img src="images/recommend/pms_1513822496.31335198!140x140.jpg">
                            <h3>米家电磁炉</h3>
                            <p>299元</p>
                            <span>7789人好评</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="images/recommend/pms_1542610386.23651096!140x140.jpg">
                            <h3>小米Micro数据线 编织线版 （100cm）</h3>
                            <p>19.9元</p>
                            <span>1179人好评</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="images/recommend/pms_1521442676.48017520!140x140.jpg">
                            <h3>小米双单元半入耳式耳机</h3>
                            <p>69元</p>
                            <span>8632人好评</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="images/recommend/pms_1546491118.91317371!140x140.jpg">
                            <h3>米家飞天猪足金吊坠</h3>
                            <p>799元</p>
                            <span>112人好评</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="images/recommend/pms_1521164695.63232423!140x140.jpg">
                            <h3>红米Note 5 全网通版 3GB内存 32GB</h3>
                            <p>839元</p>
                            <span>1.4万人好评</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="images/recommend/pms_1539913668.38071561!140x140.jpg">
                            <h3>黑鲨游戏手机 Helo 6GB内存</h3>
                            <p>2999元</p>
                            <span>462人好评</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="images/recommend/pms_1542878640.93235801!140x140.jpg">
                            <h3>小卫质品泡沫洗手液（三瓶装</h3>
                            <p>39.9元</p>
                            <span>2264人好评</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="images/recommend/pms_1522138958.33975342!140x140.jpg">
                            <h3>米家声波电动牙刷头（MINI型） 3支装</h3>
                            <p>69元</p>
                            <span>1835人好评</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="images/recommend/pms_1535683810.86644772!140x140.jpg">
                            <h3>小米平板4 智能翻盖支架保护套</h3>
                            <p>99元</p>
                            <span>201人好评</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 热评产品 部分 -->
    <div class="hotsale">
        <div class="wrapper">
            <div class="hotsale-header">
                <h3>热评产品</h3>
            </div>
            <div class="hotsale-content">
                <ul>
                    <li>
                        <div class="image">
                            <a href="javascript:void(0)">
                                <img src="./images/hot/xmad_15094337975564_BSRIq.jpg">
                            </a>
                        </div>
                        <p>外形简洁大方，大爱小米！全家人都在用小米的产品，真心不错，最主要的是性价比高。附图，给客服妹子一个大大的赞,外形简洁大方，大爱小米！</p>
                        <h5>来自于 酸小妞～！ 的评价</h5>
                        <div class="content">
                            <span class="title">米家车载空气净化器（USB车充版） 灰色</span>
                            <em>|</em>
                            <span class="price">449元</span>
                        </div>
                    </li>
                    <li>
                        <div class="image">
                            <a href="javascript:void(0)">
                                <img src="./images/hot/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe.jpg">
                            </a>
                        </div>
                        <p>包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接,式样也很可爱，做出的饭全家人都爱吃</p>
                        <h5>来自于 HZG 的评价</h5>
                        <div class="content">
                            <span class="title">米家压力IH电饭煲</span>
                            <em>|</em>
                            <span class="price">999元</span>
                        </div>
                    </li>
                    <li>
                        <div class="image">
                            <a href="javascript:void(0)">
                                <img src="./images/hot/aa6b038a-2946-4549-acff-17c58e701556.jpg">
                            </a>
                        </div>
                        <p>东西真心不错，用过最好用的插线板，做工外观没得挑剔，3个USB接口很实用，充电快，建议不包邮的应该,用过最好用的插线板</p>
                        <h5>来自于 yinyin19891117 的评价</h5>
                        <div class="content">
                            <span class="title">小米插线板</span>
                            <em>|</em>
                            <span class="price">49元</span>
                        </div>
                    </li>
                    <li>
                        <div class="image">
                            <a href="javascript:void(0)">
                                <img src="./images/hot/97d80b35-152e-4934-af34-402251458e16.jpg">
                            </a>
                        </div>
                        <p>非常好用，孩子使用防止沉迷于电话影响学习。做工很好，定位基本准确，通话清晰。如果加入时间显示就更完美,做工很好，定位基本准确</p>
                        <h5>来自于 178576259 的评价</h5>
                        <div class="content">
                            <span class="title">米兔定位电话</span>
                            <em>|</em>
                            <span class="price">169元</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 内容 部分 -->
    <div class="all-content">
        <div class="wrapper">
            <div class="all-content-header">
                <h3>内容</h3>
            </div>
            <div class="all-content-content">
                <ul>
                    <!-- 01 -->
                    <li class="all-content-item">
                        <h3>图书</h3>
                        <div class="item-slider">
                            <ul class="clearfix">
                                <li>    
                                    <h1>哈利·波特与被诅咒的孩子</h1>
                                    <p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本!</p>
                                    <span>29.37元</span>
                                    <img src="./images/content/1/5e5da924-84e3-4959-9e25-5891cdf30757.png">
                                </li>
                                <li>    
                                    <h1>好吗好的</h1>
                                    <p>畅销作家大冰2016年新书！讲给你听，好吗好的！</p>
                                    <span>17.99元</span>
                                    <img src="./images/content/1/61e1385e-54de-48f3-8717-5e4f4b1cdd14.png">
                                </li>
                                <li>    
                                    <h1>好吗好的</h1>
                                    <p>畅销作家大冰2016年新书！讲给你听，好吗好的！</p>
                                    <a class="detail" href="javascript:void(0)">
                                        前往多看阅读
                                    </a>
                                    <img src="./images/content/1/more-duokan.jpg">
                                </li>
                            </ul>
                        </div>
                        <div class="item-arrow">
                            <a href="javascript:void(0)">
                                <i class="icon icon-left"></i>
                            </a>
                            <a href="javascript:void(0)">
                                <i class="icon icon-right"></i>
                            </a>
                        </div>
                        <div class="item-pagation">
                            <dl>
                                <dd class="active" data-index="0"></dd>
                                <dd data-index="1"></dd>
                                <dd data-index="2"></dd>
                            </dl>
                        </div>
                    </li>
                    <!-- 02 -->
                    <li class="all-content-item green">
                        <h3>MIUI 主题</h3>
                        <div class="item-slider">
                            <ul class="clearfix">
                                <li>    
                                    <h1>LINE FRIENDS温暖圣诞主题</h1>
                                    <p>超萌超可爱 LINE FRIENDS来袭~</p>
                                    <!-- <span>29.37元</span> -->
                                    <img src="./images/content/2/xmad_15455375311243_mBvyR.png">
                                </li>
                                <li>    
                                    <h1>蚁人2</h1>
                                    <p>小米主题和迪士尼首度合作，打造精品漫威系列主题</p>
                                    <!-- <span>17.99元</span> -->
                                    <img src="./images/content/2/xmad_15357000957252_GpoLc.png">
                                </li>
                                <li>    
                                    <h1>复仇者联盟3-我的英雄</h1>
                                    <p>28张超级英雄个人专属锁屏及桌面壁纸随你挑！ </p>
                                    <span>8.8米币</span>
                                    <img src="./images/content/2/xmad_15290561352349_zNjLT.png">
                                </li>
                                <li>    
                                    <!-- <h1>好吗好的</h1> -->
                                    <p>
                                        众多个性主题、百变锁屏与自由桌面<br>让你的手机与众不同！
                                    </p>
                                    <a class="detail" href="javascript:void(0)">
                                        前往MIUI主题市场
                                    </a>
                                    <img src="./images/content/2/more-miui.jpg">
                                </li>
                            </ul>
                        </div>
                        <div class="item-arrow">
                            <a href="javascript:void(0)">
                                <i class="icon icon-left"></i>
                            </a>
                            <a href="javascript:void(0)">
                                <i class="icon icon-right"></i>
                            </a>
                        </div>
                        <div class="item-pagation">
                            <dl>
                                <dd class="active" data-index="0"></dd>
                                <dd data-index="1"></dd>
                                <dd data-index="2"></dd>
                                <dd data-index="3"></dd>
                            </dl>
                        </div>
                    </li>
                    <!-- 03 -->
                    <li class="all-content-item red">
                        <h3>游戏</h3>
                        <div class="item-slider">
                            <ul class="clearfix">
                                <li>    
                                    <h1>非人学院</h1>
                                    <p>脑洞大开的二次元竞技手游</p>
                                    <!-- <span>29.37元</span> -->
                                    <img src="./images/content/3/xmad_15299832299419_eIPOw.png">
                                </li>
                                <li>   
                                    <h1>小米超神</h1>
                                    <p>实力派，一起团！！</p>
                                    <!-- <span>17.99元</span> -->
                                    <img src="./images/content/3/xmad_15120234492499_MNEVo.png">
                                </li>
                                <li>    
                                    <h1>米柚手游模拟器</h1>
                                    <p>在电脑上玩遍小米所有手游</p>
                                    <span>免费</span>
                                    <img src="./images/content/3/T1czW_BXCv1R4cSCrK.png">
                                </li>
                                <li>    
                                    <!-- <h1>好吗好的</h1> -->
                                    <p>
                                        免费下载海量的手机游戏<br>
                                        天天都有现金福利赠送
                                    </p>
                                    <a class="detail" href="javascript:void(0)">
                                        前往小米游戏商店
                                    </a>
                                    <img src="./images/content/3/more-game.jpg">
                                </li>
                            </ul>
                        </div>
                        <div class="item-arrow">
                            <a href="javascript:void(0)">
                                <i class="icon icon-left"></i>
                            </a>
                            <a href="javascript:void(0)">
                                <i class="icon icon-right"></i>
                            </a>
                        </div>
                        <div class="item-pagation">
                            <dl>
                                <dd class="active" data-index="0"></dd>
                                <dd data-index="1"></dd>
                                <dd data-index="2"></dd>
                                <dd data-index="3"></dd>
                            </dl>
                        </div>
                    </li>
                    <!-- 04 -->
                    <li class="all-content-item blue">
                        <h3>应用</h3>
                        <div class="item-slider">
                            <ul class="clearfix">
                                <li>    
                                    <h1>2018金米奖</h1>
                                    <p>最优秀的应用和游戏</p>
                                    <!-- <span>29.37元</span> -->
                                    <img src="./images/content/4/3332da7d-4056-4694-9548-c83b7b3af7d3.png">
                                </li>
                                <li>    
                                    <h1>Forest</h1>
                                    <p>帮助您专心于生活中每个重要时刻</p>
                                    <span>免费</span>
                                    <img src="./images/content/4/T1TkKvBCKv1R4cSCrK.png">
                                </li>
                                <li>    
                                    <h1>小米应用</h1>
                                    <p>小米出品 必属精品</p>
                                    <span>免费</span>
                                    <img src="./images/content/4/T15VZvB5Kv1R4cSCrK.png">
                                </li>
                                <li>    
                                    <h1>好吗好的</h1>
                                    <p>
                                        帮助小米手机和其他安卓手机用户<br>
                                        发现好用的安卓应用
                                    </p>
                                    <a class="detail" href="javascript:void(0)">
                                        前往小米应用商店
                                    </a>
                                    <img src="./images/content/4/more-app.jpg">
                                </li>
                            </ul>
                        </div>
                        <div class="item-arrow">
                            <a href="javascript:void(0)">
                                <i class="icon icon-left"></i>
                            </a>
                            <a href="javascript:void(0)">
                                <i class="icon icon-right"></i>
                            </a>
                        </div>
                        <div class="item-pagation">
                            <dl>
                                <dd class="active" data-index="0"></dd>
                                <dd data-index="1"></dd>
                                <dd data-index="2"></dd>
                                <dd data-index="3"></dd>
                            </dl>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 手机 部分 -->
    <div class="audio">
        <div class="wrapper">
            <div class="audio-header">
                <h3>视频</h3>
                <div class="audio-more">
                    <a href="javascript:void(0)">
                        查看更多
                        <i class="icon icon-right"></i>
                    </a>
                </div>
            </div>
            <div class="audio-content">
                <ul class="clearfix">
                    <li class="audio-item">
                        <a href="javascript:void(0)">
                            <img src="./images/audio/xmad_15318974928021_cthgC.jpg">
                            <div class="play">
                                <i class="icon icon-play"></i>
                            </div>
                        </a>
                        <h3>一团火</h3>
                        <p>小米创业8年内部纪录片（手机篇）</p>
                    </li>
                    <li class="audio-item">
                        <a href="javascript:void(0)">
                            <img src="./images/audio/xmad_15278351912522_frJQc.jpg">
                            <div class="play">
                                <i class="icon icon-play"></i>
                            </div>
                        </a>
                        <h3>小米8，一部与众不同的手机</h3>
                        <p>透明探索版，将科技与美学完美结合</p>
                    </li>
                    <li class="audio-item">
                        <a href="javascript:void(0)">
                            <img src="./images/audio/xmad_15278359339164_dDTJC.jpg">
                            <div class="play">
                                <i class="icon icon-play"></i>
                            </div>
                        </a>
                        <h3>小米MIX 2S，一面科技 一面艺术</h3>
                        <p>艺术品般陶瓷机身，惊艳、璀璨</p>
                    </li>
                    <li class="audio-item">
                        <a href="javascript:void(0)">
                            <img src="./images/audio/xmad_15278358912266_LDHfI.jpg">
                            <div class="play">
                                <i class="icon icon-play"></i>
                            </div>
                        </a>
                        <h3>生活中无所不在的小爱同学</h3>
                        <p>一句话搞定手机复杂操作</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- footer 部分 -->
    <footer>
        <div class="wrapper">
            <div class="footer-service clearfix">
                <ul>
                    <li class="service-item">
                        <a href="javascript:void(0)">
                            <i class="icon icon-repaire"></i>
                            <span>预约维修服务</span>
                        </a>
                    </li>
                    <li class="service-item">
                        <a href="javascript:void(0)">
                            <i class="icon icon-sevendays"></i>
                            <span>7天无理由退货</span>
                        </a>
                    </li>
                    <li class="service-item">
                        <a href="javascript:void(0)">
                            <i class="icon icon-fifteendays"></i>
                            <span>15天免费换货</span>
                        </a>
                    </li>
                    <li class="service-item">
                        <a href="javascript:void(0)">
                            <i class="icon icon-gift"></i>
                            <span>满150元包邮</span>
                        </a>
                    </li>
                    <li class="service-item">
                        <a href="javascript:void(0)">
                            <i class="icon icon-location"></i>
                            <span>520余家售后网点</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="footer-links clearfix">
                <dl>
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>购物指南</dd>
                    <dd>订单操作</dd>
                </dl>
                <dl>
                    <dt>服务支持</dt>
                    <dd>售后政策</dd>
                    <dd>自助服务</dd>
                    <dd>相关下载</dd>
                </dl>
                <dl>
                    <dt>线下门店</dt>
                    <dd>小米之家</dd>
                    <dd>服务网点</dd>
                    <dd>授权体验店</dd>
                </dl>
                <dl>
                    <dt>关于小米</dt>
                    <dd>了解小米</dd>
                    <dd>加入小米</dd>
                    <dd>投资者关系</dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd>新浪微博</dd>
                    <dd>官方微信</dd>
                    <dd>联系我们</dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd>F 码通道</dd>
                    <dd>礼物码</dd>
                    <dd>防伪查询</dd>
                </dl>
                <div class="footer-contact">
                    <h1>400-100-5678</h1>
                    <p>
                        周一至周日 8:00-18:00<br>
                        （仅收市话费）
                    </p>
                    <a class="con" href="javascript:void(0)">
                        <i class="icon icon-contact"></i>
                        <span>联系客服</span>
                    </a>
                </div>
            </div>   
        </div>
    </footer>

    <!-- footer info 部分 -->
    <div class="mi-info clearfix">
        <div class="wrapper">
            <div class="mi-info-logo"></div>
            <div class="info-text">
                <ul>
                    <li>
                        <a href="javascript:void(0)">
                            <span>小米商城</span><em>|</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span>MIUI</span><em>|</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span>米家</span><em>|</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span>米聊</span><em>|</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span>多看</span><em>|</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span>游戏</span><em>|</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span>路由器</span><em>|</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span>米粉卡</span><em>|</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span>政企服务</span><em>|</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span>小米天猫店</span><em>|</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span>隐私政策</span><em>|</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span>商城用户协议</span><em>|</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span>账号协议</span><em>|</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span>问题反馈</span><em>|</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span>廉正举报</span><em>|</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span>诚信合规</span><em>|</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span>Select Region</span>
                        </a>
                    </li>
                </ul>
                <p class="info-text-links">
                    ©<a href="javascript:void(0)">mi.com</a> 京ICP证110507号
                    <a href="javascript:void(0)">京ICP备10046444号</a>
                    <a href="javascript:void(0)">京公网安备11010802020134号</a>
                    <a href="javascript:void(0)">京网文[2017]1530-131号</a><br>
                    <a href="javascript:void(0)">（京）网械平台备字（2018）第00005号</a>
                    <a href="javascript:void(0)">互联网药品信息服务资格证 (京) -非经营性-2014-0090</a>
                    <a href="javascript:void(0)">营业执照</a>
                    <a href="javascript:void(0)">增值电信业务许可证</a> 网络食品经营备案（京）【2018】WLSPJYBAHF-12
                    <a href="javascript:void(0)">食品经营许可证</a><br>
                    违法和不良信息举报电话：185-0130-1238
                    <a href="javascript:void(0)">知识产权侵权投诉</a>
                    本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
            </div>
            <div class="info-links">
                <a href="javascript:void(0)">
                    <img src="./images/footer/truste.png">
                </a>
                <a href="javascript:void(0)">
                    <img src="./images/footer/v-logo-2.png">
                </a>
                <a href="javascript:void(0)">
                    <img src="./images/footer/v-logo-1.png">
                </a>
                <a href="javascript:void(0)">
                    <img src="./images/footer/v-logo-3.png">
                </a>
                <a href="javascript:void(0)">
                    <img src="./images/footer/ba10428a4f9495ac310fd0b5e0cf8370.png">
                </a>
            </div>
            <div class="slogan">
                <img src="./images/footer/slogan2016.png">
            </div>
        </div>
    </div>

    <!-- 侧边固定快捷入口部分 部分 -->
    <div class="side-bar">
        <ul>
            <li class="bar-item">
                <a href="javascript:void(0)">
                    <i class="icon-app"></i>
                    <p>手机APP</p>
                </a>
                <div class="app">
                    <img src="./images/download.png">
                    <p class="download">
                        手机扫一扫<br>
                        一分赢好礼
                    </p>
                </div>
            </li>
            <li class="bar-item">
                <a href="javascript:void(0)">
                    <i class="icon-user"></i>
                    <p>个人中心</p>
                </a>
            </li>
            <li class="bar-item">
                <a href="javascript:void(0)">
                    <i class="icon-customer"></i>
                    <p>联系客服</p>
                </a>
            </li>
            <li class="bar-item">
                <a href="javascript:void(0)">
                    <i class="icon-cart"></i>
                    <p>购物车</p>
                </a>
            </li>
            <li class="bar-item" id="top" style="opacity: 0;">
                <a href="#">
                    <i class="icon-backtop"></i>
                    <p>回顶部</p>
                </a>
            </li>
        </ul>
    </div>

    <script src="./js/menu-nav.js"></script>
    <script src="./js/mi-nav.js"></script>
    <script src="./js/slider.js"></script>
    <script src="./js/flash.js"></script>
    <script src="./js/recommend.js"></script>
    <script src="./js/sidebar.js"></script>
    <script src="./js/content-slider.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>